<template>
	<nav>
		<!-- <router-link to="/home">home</router-link>
	<router-link to="/about">about</router-link>
	<router-link to="/">login</router-link> -->
	</nav>
	<view class="app_box">
		<router-view></router-view>
		<popUp ref="popUp"></popUp>
	</view>
</template>

<script>
	import popUp from "@/components/popUp"
	export default {
		components: {
			popUp
		},
		mounted() {
			this.$eventBus.on('myMsg', (msg) => {
				this.$refs.popUp.showMsg(msg)
			})
		}
	}
</script>

<style lang="scss">
	#app {
		width: 100%;
		height: 100%;
	}
	.app_box{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
</style>